<style lang="less">
  @import 'assets/styles/common/lib-mixins.less';
  body, p, span, div {
    margin: 0;
    font-family: "微软雅黑","微软雅黑","Microsoft YaHei",Helvetica,Tahoma,sans-serif;
  }

  img {
    object-fit: contain;
    object-position: center;
  }
  .comm-header{
    position: relative;
  }


  .loading-wrap{
    position: fixed;
    z-index: 2000;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.1);
  }
  .loading-img{
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 270px;
    height: 85px;
  }

  .toast-wrap{
    position: fixed;
    z-index: 2500;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    .px2px(font-size, 30PX);
    color:#fff;
    background-color: rgba(0, 0, 0, 0.7);
    height: 92px;
    padding: 0 20px;
    border-radius: 10px;
    max-width: 600px;
    .flex-base(@flex-flow: row wrap);
  }

  .no-data-text{
    .px2px(font-size, 24PX);
  }

  ._v-container>._v-content>.pull-to-refresh-layer .spinner-holder .text{
    .px2px(font-size, 24PX);
  }

  .order-list-scroll {
    .mescroll-downwarp .downwarp-progress, .mescroll-upwarp .upwarp-progress{
      width: 30px;
      height: 30px;
    }
    .mescroll-downwarp .downwarp-tip, .mescroll-upwarp .upwarp-nodata, .mescroll-upwarp .upwarp-tip{
      .px2px(font-size, 26PX);
    }
  }
  
</style>
<template>
  <!--  v-loading="isLoading" -->
  <div id="app">
    <div v-show="$store.state.isLoading" class="loading-wrap">
      <img class="loading-img" src="./assets/images/icons/loading.gif" />
    </div>
    <div v-show="$store.state.isShowToast" class="toast-wrap">{{$store.state.toastContent}}</div>
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: 'app',
  data() {
    return {
    }
  },
  methods: {
    // closeDialog() {     // 关闭弹出框
    //   this.$refs.pwdWrap.resetFields();
    // }
  },
  mounted() {
  }
}
</script>
